<script setup>
import LuckyExcel from 'luckyexcel';
// import XLSX from "xlsx";
const option=reactive({})
onBeforeMount(()=>{
  LuckyExcel.transformExcelToLuckyByUrl("http://sdevenfangyi.oss-cn-shanghai.aliyuncs.com/1999.xlsx", "", (exportJson, luckysheetfile) => {
    console.log(exportJson);
    console.log(luckysheetfile);
    if(exportJson.sheets==null || exportJson.sheets.length===0){
      alert("文件读取失败!");
      return;
    }
    // 销毁原来的表格
    window.luckysheet.destroy();
    // 重新创建新表格
    window.luckysheet.create({
      lang: 'zh', // 设定语言
      container: 'mysheet', // 设定DOM容器的id
      showtoolbar: true, // 是否显示工具栏
      showinfobar: true, // 是否显示顶部信息栏
      showstatisticBar: false, // 是否显示底部计数栏
      sheetBottomConfig: false, // sheet页下方的添加行按钮和回到顶部按钮配置
      allowEdit: true, // 是否允许前台编辑
      enableAddRow: false, // 是否允许增加行
      enableAddCol: false, // 是否允许增加列
      sheetFormulaBar: false, // 是否显示公式栏
      enableAddBackTop: false,//返回头部按钮
      data:exportJson.sheets, //表格内容
      title:exportJson.info.name,  //表格标题
      // loadUrl:true, //表格图片
      updateUrl:true, //表格图片
    });
  });

})
onMounted(()=>{

})

const  exportExcel=async ()=> {
  // eslint-disable-next-line no-undef
  const data = luckysheet.getluckysheetfile(); //获取luckysheet中的excel所有数据
  const exportData = await exportExcel(data);
  const blob = new Blob([exportData]);
  const file = new File([blob], this.file?.name || '文档.xlsx', { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
  console.log(file,'file')
  return file;
};
</script>

<template>
  <button @click="exportExcel">保存 </button>
  <div id="mysheet" style="margin:0px;padding:0px;width:100%;height:800px;"></div>
</template>

<style scoped lang="scss">

</style>